<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>职位申请</title>
    <link rel="stylesheet" href="{{ url_for('static', filename='css/style.css') }}">
</head>
<body>
    <div class="job-application-form">
        <form id="applicationForm" method="POST" onsubmit="return validateForm()">
            // ...existing code...
        </form>
    </div>

    <script>
        function validateForm() {
            var required = document.querySelectorAll('[required]');
            var valid = true;
            
            required.forEach(function(field) {
                if (!field.value) {
                    field.style.borderColor = 'red';
                    valid = false;
                } else {
                    field.style.borderColor = '#ddd';
                }
            });

            if (!valid) {
                alert('请填写所有必填项');
                return false;
            }
            return true;
        }
    </script>
</body>
</html>
